$(function() {
    $('#btn-like').on('click', function() {
        var self = this;
        fetch('/images/' + $(self).data('id') + '/like', {method: 'POST'})
        .then(function(resp) {
            return resp.json();
        })
        .then(function(res) {
            $('strong.like-count').text(res.likes)
        })
        .catch(function(err) {
            console.log(err)
            alert('出错了。')
        })
    })

    $('#btn-comment').on('click',function(){
      $('#post-comment').toggle(250);
    })

    $('#btn-delete').on('click',function(){
        fetch(location.href, {method :'DELETE'})
        .then(function(resp){
            return resp.json()
        })
        .then(function(obj){
            if(obj.ok &&obj.ok ===1){
              $('#btn-delete').empty().text('已删除！')
                  .removeClass('btn-danger').addClass('btn-success')
                  .attr('disabled',true)
              $('#btn-like').attr('disabled',true)
              $('#comment-btn').attr('disabled',true)
              window.location.href = "/"
              }else {
              alert('请求出错.'+JSON.stringify(obj))
            }
        })
        .catch(function(err){
          alert('网络出错.')
        })
    })
})
